<template>
  <div class="set">
    <van-nav-bar
  title="设置"
  left-arrow
  @click="back"
/>
<div class="top">
<van-cell-group>
  <van-cell title="账号设置" value=">" @click="goaccountset"/>
  <van-cell title="家庭联系人" value=">"  />
  <van-cell title="地址管理" value=">"  />
</van-cell-group>
</div>
<div class="bottom">
<van-cell-group>
  <van-cell title="隐私" value=">" />
  <van-cell title="法律声明" value=">"  />
  <van-cell title="关于我们" value=">"  />
</van-cell-group>

<button class="clear" @click="clear">退出登录</button>
</div>
</div>
</template>

<script setup lang="ts">
import { useRouter } from 'vue-router'
const router = useRouter()
const back = () => {
  router.push('/home/my')
}
const clear = () => {
  localStorage.clear()
  router.push('/login')
}
const goaccountset = () => {
  router.push('/accountset')
}
</script>

<style scoped>
.set{
  width: 100%;
  height: 6.69rem;
  background: #f5f6f7;
}
.top{
  width: 100%;
  height: 1.5rem;
  background: #fff;
}
.bottom{
  width: 100%;
  height: 2rem;
  background: #fff;
  margin-top: .3rem;
}
.clear{
  width: 3.2rem;
  height: .5rem;
  margin-top: .2rem;
  margin-left: .26rem;
  background: #fff;
  border-radius: 1rem;
  border: 0.02rem solid #ccc;
  color: red;
}
</style>
